<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.块标签 -->
    <div style="background-color: red;width: 100px;">今天</div>
    <div style="background-color: blue;width: 150px;">明天</div>
    <div style="background-color: green;width: 200px;">后天</div>
    <p style="background-color: red;">今天</p>
    <p style="background-color: blue;">明天</p>
    <p style="background-color: green;">后天</p>
    <hr>
    <!-- 2.行内标签 -->
    <span style="background-color: red;width: 100px;">星期一</span>
    <span style="background-color: blue;width: 150px;">星期二</span>
    <span style="background-color: green;width: 200px;">星期三</span>
    <hr>
    <!-- 3.行内块标签 -->
    <img src="https://www.baidu.com/img/PC_880906d2a4ad95f5fafb2e540c5cdad7.png" width="100px" style="background-color: red;" alt="无">
    <img src="https://www.baidu.com/img/PC_880906d2a4ad95f5fafb2e540c5cdad7.png" width="150px" style="background-color: blue;" alt="无">
    <img src="https://www.baidu.com/img/PC_880906d2a4ad95f5fafb2e540c5cdad7.png" width="200px" style="background-color: green;" alt="无">
    <hr>
</body>
</html>